<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition template="/template/template.xhtml"
    xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
	
	<!--HOME-->
		<ui:define name="content">
		 <h:form id="form">  
  
    <p:growl id="messages" showDetail="true"/>  
  
   
    <p:dataTable id="cars" var="car" value="#{tableBean.carsSmall}" editable="true" editMode="cell" widgetVar="carsTable">  
  
        <f:facet name="header">  
            In-Cell Editing  
        </f:facet>  
  
        <p:ajax event="cellEdit" listener="#{tableBean.onCellEdit}" update=":form:messages" />  
  
        <p:column headerText="Model" style="width:25%">  
               <p:cellEditor>  
                   <f:facet name="output"><h:outputText value="TESTE" /></f:facet>  
                   <f:facet name="input"><p:inputText id="modelInput" value="#{car.model}" style="width:96%"/></f:facet>  
               </p:cellEditor>  
           </p:column>  
  
           <p:column headerText="Year" style="width:25%">  
            <p:cellEditor>  
                <f:facet name="output"><h:outputText value="#{car.year}" /></f:facet>  
                <f:facet name="input"><p:inputText value="#{car.year}" style="width:96%" label="Year"/></f:facet>  
            </p:cellEditor>  
        </p:column>  
  
        <p:column headerText="Manufacturer" style="width:25%">  
            <p:cellEditor>  
                <f:facet name="output"><h:outputText value="#{car.manufacturer}" /></f:facet>  
                <f:facet name="input">  
                    <h:selectOneMenu value="#{car.manufacturer}" style="width:100%">  
                        <f:selectItems value="#{tableBean.manufacturers}" var="man" itemLabel="#{man}" itemValue="#{man}" />  
                    </h:selectOneMenu>  
                </f:facet>  
            </p:cellEditor>  
        </p:column>  
  
        <p:column headerText="Color" style="width:25%">  
            <p:cellEditor>  
                <f:facet name="output"><h:outputText value="#{car.color}" /></f:facet>  
                <f:facet name="input">  
                    <h:selectOneMenu value="#{car.color}" style="width:100%">  
                        <f:selectItems value="#{tableBean.colors}" var="color" itemLabel="#{color}" itemValue="#{color}" />  
                    </h:selectOneMenu>  
                </f:facet>  
            </p:cellEditor>  
        </p:column>  
  
    </p:dataTable>  
     
</h:form>  
		</ui:define>
		
		
</ui:composition>
